<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8"/>
		<title>FullOS test</title>
		<script type="text/javascript" src="resources/require.js"></script>
		<script type="text/javascript">
		// <!--	
			require(['bootstrap', 'jquery','less','test']);
		// -->
		</script>
		<link rel="stylesheet" type="text/css" href="resources/style.css" />
	</head>
	<body>
		<a href="#openUp" role="button" class="btn btn-primary" data-toggle="modal">Open Up!</a>
		<div id="openUp" class="modal hide fade" role="dialog">
			<div class="modal-header"><button class="close" data-dismiss="modal">&times;</button><h1>Leftfield</h1></div>
			<div class="modal-body">Make room for me!</div>
			<div class="modal-footer"><button class="btn btn-primary" data-dismiss="modal">bezár</button></div>
		</div>
	
	<form id="sampleForm" action="" method="post" class="form-horizontal">
		<legend>Simple sample form (éáűőúöüóí)</legend>
		<div class="control-group">
			<label for="name" class="control-label">Name: </label>
			<div class="controls">
				<input type="text" name="name" placeholder="Name..."/>
			</div>
		</div>
		
		<div class="control-group">
			<label for="email" class="control-label">E-mail: </label>
			<div class="controls">
				<input type="text" name="email" placeholder="E-mail..."/>
			</div>
		</div>

		<div class="control-group">
			<label for="password" class="control-label">Password: </label>
			<div class="controls">
				<input type="password" name="password" placeholder="Password..."/>
			</div>
		</div>

		<div class="control-group">
			<div class="controls">
				<input type="submit" class="btn btn-primary" name="formSubmit" value="Submit"/>
			</div>
		</div>
	</form>
	
	</body>
</html>
